.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
}
.square_header{
    .px2rem(height,88);
    .flexbox;
    justify-content:center;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    label{
        .px2rem(width,88);
        img{
            width:100%;
        }
    }
    span{
        flex: 1;
        text-align: center;
        .px2rem(font-size,32);
    }
}
.square_list{
    .px2rem(height,116);
    border-bottom: 24px solid #f7f7f7;   
    ul {
        .flexbox;
        align-items: center;
        li{
           .px2rem(font-size,29);
           color: #b1b1b1;
           text-align: center;
          .px2rem(line-height,116);
           flex:1;
           &.brand_on{
               color: #1b1b1b;
               border-bottom: 4px solid #fed201;
           }
        }
    } 
}
.square_remen{
    .px2rem(height,300);
    border-bottom: 24px solid #f7f7f7;
    h4{
        .px2rem(margin-top,32);
        .px2rem(margin-left,14);
        .px2rem(margin-bottom,72);
        .px2rem(font-size,28);
    }
    .swiper-slide img{
        .px2rem(width,144);
        .px2rem(height,146);
    }
}

.square_label{
    .px2rem(height,280);
    border-bottom :24px solid #f7f7f7;
    .square_brand,.square_brand-1{
         .px2rem(margin-top,36);
        span{
          .px2rem(font-size,26); 
          color: #aaaaaa;
          .px2rem(margin-left,20);
          .px2rem(margin-right,14);
          display: inline-block;
          .px2rem(padding-left,20);
          .px2rem(padding-right,20);
          .px2rem(padding-top,11);
          .px2rem(padding-bottom,11);
          border: 1px solid #949494;
        }
        .square_brand-1{
             .px2rem(margin-top,22);
        }
    }
}
.square_fenxiang,.square_label{
    h4{
        .px2rem(margin-top,32);
        .px2rem(padding-left,14);
        .px2rem(padding-bottom,30);
        .px2rem(font-size,28);
        border-bottom:2px solid #f6f6f6;
    }
    ul{
        .flexbox;
        .px2rem(margin-top,23);
        justify-content: space-between;
        flex-wrap: wrap;
        li{
            width: 32%;
            .px2rem(margin-top,10);
            img{
               width:100%;
               .px2rem(height,242);
            }
        }
    }
}










